<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <title>内容页</title>
    <script type="text/javascript" src="https://www.zengpengxi.com/js/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="https://www.zengpengxi.com/js/boot4/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="https://www.zengpengxi.com/js/boot4/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://www.zengpengxi.com/js/boot4/bootstrap.min.css">
    <link rel="stylesheet" href="../css/content.css">
</head>
<body data-spy="scroll" data-target="#myScrollspy"> <!-- 设置滚动监听 -->
	
	<!-- 设置导航栏 -->
	<div class="container-fluid">
		<div class="row">
			<nav class="topNav navbar navbar-expand navbar-light container-fluid border shadow-sm"style="background:rgb(246,233,199)">
				<a href="#" class="navbar-brand col-lg-2 col-3">
					<img src="../images/logo.png" class="img-fluidmax">
				</a>
				<ul class="navbar-nav col-lg-10 col-9">
				    <li class="nav-item text-center col-3">
				    	<a class="nav-link" href="../index.html">首页</a>
				    </li>
				    <li class="nav-item text-center col-3">
				        <a class="nav-link" href="#">Kindle</a>
				    </li>
				    <li class="nav-item text-center col-3">
				        <a class="nav-link" href="#">PDF</a>
				    </li>
				    <li class="nav-item text-center col-3">
				        <a class="nav-link" href="stackRoom.html">书库</a>
				    </li>
				 </ul>
			</nav>
		</div>
	</div>
	
	<!-- 设置导航栏以下盒子 -->
	<div class="container boxStyle">
		<div class="row">
			<div class="col-sm-3 col-4"></div>

			<!-- 设置左侧盒子 -->
			<div class="boxLeft p-1 col-sm-3 col-4 shadow-lg" style="position: fixed;" id="myScrollspy">
				<div class="boxLeftTop col-sm-12 d-flex flex-column">
					
				</div>

				<nav class="col-sm-12" id="myScrollspy">
			      <ul class="nav nav-pills flex-column text-center">
			        <li class="nav-item">
			         	<a class="nav-link" href="#section1">科学</a>
			        </li>
			        <li class="nav-item">
			          <a class="nav-link" href="#section2">历史</a>
			        </li>
			        <li class="nav-item">
			          <a class="nav-link" href="#section3">著作</a>
			        </li>
			        <li class="nav-item dropdown">
			          <a class="nav-link" href="#section4">哲学</a>
			        </li>
			      </ul>
			    </nav>
			</div>

			<!-- 设置右侧盒子 -->
			<div class="boxRight offset-sm-1 col-sm-8 col-8">
				<div class="row"><i class="topFont col-12 text-center mt-1">Kindle</i></div>
				<div class="row">
					<h5 class="ml-2 col-12" id="section1">科学<a href="stackRoom.html" class="float-right mr-2">更多</a></h5>
					<div class="images oneDiv mb-2 col-12 d-flex flex-wrap justify-content-between" id="section"></div>

					<h5 class="mt-2 ml-2 col-12" id="section2">历史<a href="stackRoom.html" class="float-right mr-2">更多</a></h5>
					<div class="images oneDiv mb-2 col-12 d-flex flex-wrap justify-content-between" id="history"></div>

					<h5 class="mt-2 ml-2 col-12" id="section3">著作<a href="stackRoom.html" class="float-right mr-2">更多</a></h5>
					<div class="images oneDiv mb-2 col-12 d-flex flex-wrap justify-content-between" id="masterwork"></div>

					<h5 class="mt-2 ml-2 col-12" id="section4">哲学<a href="stackRoom.html" class="float-right mr-2">更多</a></h5>
					<div class="images oneDiv mb-2 col-12 d-flex flex-wrap justify-content-between" id="philosophy"></div>

				</div>
			</div>
		</div>
	</div>

	<!-- 设置footer盒子 -->
	<div class="container-fluid" style="background:#333">
	  <div class="row footer">
		<div class="col-4 mt-2 d-flex">
			<div class="p-0 col-6 d-flex flex-column">
				<a href="#">首页</a>
				<a href="">书库</a>
			</div>
			<div class="p-0 col-6 d-flex flex-column">
				<a href="#">更多</a>
				<a href="#">往期页面</a>
			</div>
		</div>
		<div class="col-8 mt-2 d-flex flex-wrap justify-content-between align-content-center">
			<p>联系我们：</p>
			<p>QQ：2638000000</p>
			<p>电话：19900000000，010 - 0000000</p>
			<p>蜀ICP备19038726号</p>
		</div>
	</div>

	<script src="../js/content.js"></script>
</body>
</html>